		<style>
			#portfolio .title {
				margin: auto;
				font-size: xx-large;
				font-weight: bold;
				padding-bottom: 5px;
			}
			#portfolio .title .portfolio {
				font-style: italic;
			}
			#portfolio .title .value:before {
				content: "$";
			}
			
			#portfolio .table {
				width: 100%;
				font-size: large;
			}
			#portfolio .table table, th, td {
				border: 1px solid black;
				border-collapse: collapse;
				padding: 5px;
			}
			#portfolio .table th {
				background: darkgreen;
				color: white;
			}
			
			#portfolio .graph {
				display: block;
				margin: 10px;
				margin-left: auto;
				margin-right: auto;
				width: 350px;
				height: 250px;
				background: white;
			}
			
			#portfolio .graph p {
				width: 350px;
				height: 250px;
				display: table-cell;
				text-align: center;
				vertical-align: middle;
			}
			
		</style>
		<div id="portfolio">
			<div class="title">
				<span class="portfolio">{portfolio}</span>
				-
				<span class="value">7245.81</span>
				(
				<span class="value">644.11</span>
				cash )
			</div>
			<div class="table">
				<table>
					<tr>
						<th>Stock</th>
						<th>Symbol</th>
						<th>Value</th>
						<th>Count</th>
						<th>Total Value</th>
					</tr>
					<tr>
						<td>Apple Inc.</td>
						<td>AAPL</td>
						<td>115.47</td>
						<td>16</td>
						<td>1847.52</td>
					</tr>
					<tr>
						<td>Google, Inc.</td>
						<td>GOOG</td>
						<td>535.03</td>
						<td>6</td>
						<td>3210.18</td>
					</tr>
					<tr>
						<td>International Business Machines Corporation</td>
						<td>IBM</td>
						<td>161.89</td>
						<td>9</td>
						<td>1457.01</td>
					</tr>
					<tr>
						<td>Microsoft Corporation</td>
						<td>MSFT</td>
						<td>48.74</td>
						<td>15</td>
						<td>731.1</td>
					</tr>
				</table>
			</div>
			<div class="graph">
				<p>[chart.js graph]</p>
			</div>
		</div>
